<template>
    <van-card class="card_overall">
      <template #tags>
        <div class="overall_header flex">
          <div class="title">商品</div>
          <div class="activity">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;快来购买吧</div>
          <div class="header_right">去换购<van-icon name="arrow" /></div>
        </div>
        <slot></slot>
        
      </template>
    </van-card>
</template>

<script setup lang="ts">
import {ref} from 'vue'

</script>

<style scoped lang="less">
.card_overall{
    background-color: #fff;
    border-radius: 10px;
    margin: 10px;
    padding: 15px;
    .overall_header {
      justify-content: space-between;
      .title {
        font-size: 16px;
        font-weight: bold;
      }
      .activity{
        font-size: 12px;
      }
      .header_right {
        color: red;
        font-size: 12px;
      }
    }

  }
</style>